/* jshint esversion: 6 */
import Vue from 'vue'
import Router from 'vue-router'
import Home from '@/pages/home/Home'
import City from '@/pages/city/City'
import Detail from '@/pages/detail/Detail'
// @指的是src目录

Vue.use(Router)
// export 用来导出模块，Vue 的单文件组件通常需要导出一个对象，这个对象是 Vue 实例的选项对象，以便于在其它地方可以使用 import 引入。而 new Vue() 相当于一个构造函数，在入口文件 main.js 构造根组件的同时，如果根组件还包含其它子组件，那么 Vue 会通过引入的选项对象构造其对应的 Vue 实例，最终形成一棵组件树。
// export 和export default 的区别在于：export 可以导出多个命名模块，
// export default 只能导出一个默认模块，这个模块可以匿名，引入的时候可以给这个模块取任意名字。
export default new Router({
  routes: [{
    path: '/',
    name: 'Home',
    component: Home
  }, {
    path: '/city',
    name: 'City',
    component: City
  }, {
    path: '/detail/:id',
    // 在vue里面，通过/detail/ 加 :id的形式   前面的路径必须是detail/,后面可以带一个参数，参数可以放到id的变量里面
    name: 'Detail',
    component: Detail
  }]
})
